@import "style-variable.scss";
.main {
    &-box {
        height: 600px;
        justify-content: space-between;
        padding: 25px;
        position: relative;

        &-list {
            flex-wrap: wrap;
            justify-content: flex-start;

            &-item {
                width: 220px;
                height: 220px;
                margin: 9px;
                overflow: hidden;
                position: relative;
                cursor: pointer;

                &:hover {
                    .main-box-list-item-description {
                        height: 159px;
                    }

                    .main-box-list-item-title {
                        height: 40px;
                    }
                }

                &-cover {
                    width: 210px;
                    height: 210px;
                    position: relative;
                }

                &-description {
                    position: absolute;
                    left: 0;
                    height: 0;
                    width: 180px;
                    padding: 3px 15px;
                    color: #ffffff;
                    background-color: rgba(0, 0, 0, .3);
                    bottom: 9px;
                    overflow: hidden;
                    transition: height 0.8s;
                }

                &-title {
                    position: absolute;
                    left: 0;
                    height: 0;
                    width: 180px;
                    padding: 3px 15px;
                    color: #ffffff;
                    background-color: rgba(0, 0, 0, .3);
                    top: 0;
                    z-index: 1;
                    overflow: hidden;
                    transition: height 0.8s;
                }

            }
        }

        &-pagination {
            position: absolute;
            width: 750px;
            left: 50%;
            bottom: 35px;
            margin-left: -375px;
            text-align: center;
            justify-content: center;

        }
    }

    &-box-detail {
        height: auto !important;
    }
}